<template>
   <el-card shadow="always" >
        <div slot="header" class="clearfix">
            <slot name='topper'>

            </slot>
        </div>
        <el-row :gutter="20">
            <el-col :span="12" :offset="0"><MiniCard :data='[3322,1.5,true]' titel='搜素用户数'/></el-col>
            <el-col :span="12" :offset="0"><MiniCard :data='[1233,0.5,false]' titel="人均搜索次数"/></el-col>
        </el-row>
        <el-table :data="listData" border stripe style="margin-top:20px">
            <el-table-column 
                label="排名"
                width="50"
                type="index"
                >
            </el-table-column>
            <el-table-column 
                label="搜素关键字"
                >
            </el-table-column>
            <el-table-column 
                label="用户数"
                sortable
                >
            </el-table-column>
            <el-table-column 
                label="周涨幅"
                sortable
                >
            </el-table-column>
        </el-table>
       <el-pagination
       style="text-align:right;margin-top:10px"
        layout="prev, pager, next"
        :total="1000">
        </el-pagination>
        </div>
        
    </el-card>
</template>

<script>
import MiniCard from './miniCaed'
export default {
    name:'Card',
    data(){
        return{
            listData:[]
        }
    },
    components:{
        MiniCard
    }
}
</script>

<style>

</style>